<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
    <head>
        <th:block th:include="include :: header('员工签到列表')" />
    </head>
    <body class="gray-bg">
        <div class="container-div">
            <div class="row">
                <div class="col-sm-12 select-table table-striped">
                    <table id="bootstrap-table"></table>
                </div>
            </div>
        </div>
        <th:block th:include="include :: footer" />
        <script th:inline="javascript">
            var typeDatas = [[${@dict.getType('sys_attendance_status')}]];
            var prefix = ctx + "oa/attendance";

            $(function() {
                var options = {
                    url: prefix + "/signInList",
                    modalName: "员工签到",
                    columns: [{
                        checkbox: true
                    },
                        {
                            field: 'id',
                            title: 'id',
                            visible: false
                        },
                        {
                            field: 'date',
                            title: '签到时间'
                        },
                        {
                            field: 'type',
                            title: '签到类型',
                            formatter: function(value, row, index) {
                                return $.table.selectDictLabel(typeDatas, value);
                            }
                        },
                        {
                            field: 'signInTime',
                            title: '签到(迟到)时间'
                        }]
                };
                $.table.init(options);
            });
        </script>
    </body>
</html>